// <View style={styles.container}>
      //   <Text>
      //     hello world
      //   </Text>
      //   <Bananas></Bananas>
      //   <BlinkText text="i love you "></BlinkText>
      //   <BlinkText text="your name is xxx"></BlinkText>
      //   <BlinkText text="hahah"></BlinkText>
      // </View>
      // <View style={styles.container}>
      //   <FlatList
      //     data={[
      //       { key: 'Devin' },
      //       { key: 'Jackson' },
      //       { key: 'James' },
      //       { key: 'Joel' },
      //       { key: 'John' },
      //       { key: 'Jillian' },
      //       { key: 'Jimmy' },
      //       { key: 'Julie' },
      //       { key: 'Devin1' },
      //       { key: 'Jackson2' },
      //       { key: 'James3' },
      //       { key: 'Joel4' },
      //       { key: 'John5' },
      //       { key: 'Jillian6' },
      //       { key: 'Jimmy7' },
      //       { key: 'Julie9x' },
      //     ]}
      //     renderItem={({ item }) => <Text style={styles.item}>{item.key}</Text>}
      //   />
      // </View>
      // <View style={styles.container}>
      //   <SectionList
      //     sections={[
      //       { title: 'D', data: ['Devin'] },
      //       { title: 'J', data: ['Jackson', 'James', 'Jillian', 'Jimmy', 'Joel', 'John', 'Julie'] },
      //       { title: 'Dq', data: ['Devin'] },
      //       { title: 'Jq', data: ['Jackson', 'James', 'Jillian', 'Jimmy', 'Joel', 'John', 'Julie'] },
      //     ]}
      //     renderItem={({ item }) => <Text style={styles.item}>{item}</Text>}
      //     renderSectionHeader={({ section }) => <Text style={styles.sectionHeader}>{section.title}</Text>}
      //   />
      // </View>